import React from 'react'
import './index.scss'
function Com(props) {
  return (
    <>
      <ul className='news_contacts_level_2_group'>
        <li>
          群聊
        </li>
        {
          [{ name: '高三（9）班学生群', id: 1 }, { name: '高三（9）班家长群', id: 2 }, { name: '高三（9）班FIGHTING', id: 3 }].map(item => {
            return (
              // 这里应该携带一个参数, 在二级通讯录页面加载时请求数据
              <li key={item.id} onClick={() => {
                props.history.push('/news/contactsList/levelTwo')
              }}>
                <img src="/images/Headportrait.png" alt="" />
                <p>
                  {item.name}
                </p>
              </li>
            )
          })
        }
      </ul>
      <ul className='news_contacts_level_2_stu'>
        <li>
          群聊
        </li>
        {
          [{ name: '呀呀', id: 1 }, { name: '黄小邪', id: 2 }, { name: '木槿花开', id: 3 },{ name: '刘小牛', id: 1 }, { name: '鹿小铁', id: 1 }].map(item => {
            return (
              // 这里应该携带一个参数, 在二级通讯录页面加载时请求数据
              <li key={item.id} onClick={() => {
                props.history.push('/news/contactsList/levelTwo')
              }}>
                <img src="/images/HeadportraitStu.png" alt="" />
                <p>
                  {item.name}
                </p>
              </li>
            )
          })
        }
      </ul>


    </>
  )
}

export default Com